<template>
  <el-tabs v-model="cardGrandActiveName">
    <el-tab-pane label="券发放记录" name="CouponIssueRecord">
      <div>
        <CouponIssueRecord v-if="cardGrandActiveName == 'CouponIssueRecord'" :vip-detail="vipDetail" />
      </div>
    </el-tab-pane>
    <el-tab-pane label="卡发放记录" name="CardHisList">
      <div>
        <CardHisList v-if="cardGrandActiveName == 'CardHisList'" :vip-detail="vipDetail" />
      </div>
    </el-tab-pane>
  </el-tabs>

</template>

<script>
import CardHisList from './CardHisList.vue'
import CouponIssueRecord from './CouponIssueRecord.vue'
export default {
  components: {
    CouponIssueRecord,
    CardHisList
  },
  props: {
    activeName: {
      type: String,
      require: true
    },
    vipDetail: {
      type: Object,
      require: true
    }
  },
  data() {
    return {
      cardGrandActiveName: 'CouponIssueRecord'
    }
  }
}
</script>

<style>

</style>
